<template>
	<view>
		<view class="title">
			  <view class="qx">取消</view>
			  <view class="bjmz">编辑名字</view>
			  <view class="bc">保存</view>
		</view>
		
		<view class="xg">七天内可修改3次简介</view>   
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.all{
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  background-color: rgb(245,245,245);
    }

view{
		vertical-align: middle;
	}

// 标题
.title{
	    width: 100%;
		height: 60rpx;
		// background-color: greenyellow;
		font-size: 32rpx;
		.qx{
			 width: 12%;
			 height: 60rpx;
			 // background-color: red;
			 display: inline-block;
			 text-align: center;
			 line-height: 60rpx;
			 color: rgb(96,96,96);
		   }
		.bjmz{
			   width: 73%;
			   height: 60rpx;
			   // background-color: red;
			   margin-left: 10rpx;
			   display: inline-block;
			   text-align: center;
			   line-height: 60rpx;
			   font-size: 32rpx;
		     }
		.bc{
			 width: 12%;
			 height: 60rpx;
			 // background-color: red;
			 display: inline-block;
			 margin-left: 10rpx;
			 line-height: 60rpx;
			 text-align: center;
			 color: rgb(96,96,96);
		   }
      }
// 修改提醒
.xg{
	 width: 100%;
	 height: 50rpx;
	 // background-color: red;
	 margin-left: 50rpx;
	 // color: rgb(150,150,150);
	 line-height: 50rpx;
	 // font-size: 25rpx;
	 margin-top: 40rpx;
   }	
</style>
